// 文字类
@import "./colors";

body, html {
  color: $color-text-main;
}

.hb-single-line-text {
  width: 95%;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.hb-double-line-text {
  overflow: hidden;
  display: -webkit-box;
  width: 95%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

a.hb-link-reverse {
  color: $color-text-main;

  &:hover {
    color: $color-primary;
  }
}

a.hb-link-white {
  color: #fff;

  &:hover {
    color: #fff;
  }
}

// 行高
.hb-lh-24 {
  line-height: 24px;
}

.hb-lh-32 {
  line-height: 32px;
}

// 对齐
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}


// 字体大小
.hb-font-14 {
  font-size: 14px !important;
}
.hb-font-13 {
  font-size: 13px !important;
}
.hb-font-12 {
  font-size: 12px !important;
}
.hb-font-10 {
  font-size: 10px !important;
  -webkit-text-size-adjust: none;
}
.hb-fs-14 {
  font-size: 14px !important;
}
.hb-fs-13 {
  font-size: 13px !important;
}
.hb-fs-12 {
  font-size: 12px !important;
}
.hb-fs-10 {
  font-size: 10px !important;
  -webkit-text-size-adjust: none;
}


// 文字颜色
.hb-text-primary {
  color: $color-primary;
}

.hb-text-main {
  color: $color-text-main;
}

.hb-text-danger {
  color: $color-danger;
}

.hb-text-warning {
  color: $color-warning;
}

// 非标准色，兼容老设计
.hb-text-warning-dark {
  color: #d1660f;
}

.hb-text-white {
  color: #fff;
}

.hb-text-dark {
  color: $color-text-dark;
}

.hb-text-light {
  color: $color-text-light;
}

.hb-text-success {
  color: $color-success;
}
